body {
  margin:0; 
  background:url(images/body_bg.png); 
  font-family:Arial, Helvetica, sans-serif;
  background-color: #F2F2F2;
}
#container {width:946px; margin:0 auto;}
#logo {float:left; padding:33px 0 0 33px; font-size:32px; font-family:"Comic Sans MS", cursive;}
#logo a {color:#FFFFFF; text-decoration:none;}
#slogan {float:right; color:#FFFFFF; font-size:16px; text-align:center; font-family:"Comic Sans MS", cursive; padding:33px 33px 0 0;}

#text {margin-right:250px;}
#text_top {background:url(images/text_top.png) no-repeat; height:8px; font-size:1px;}
#text_bottom {background:url(images/text_bottom.png) no-repeat; height:8px; font-size:1px; margin-bottom:4px;}
#text_main {background:url(images/text_bg.png) repeat-y; padding:26px 34px;}
#text br {line-height:10px;}
#text h1 {font-size:28px; font-weight:normal; margin:0 0 8px 0; color:#8EA9C4; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;}

#text ol, #text ul {padding:0; margin:10px 0;}

#text, #sidebar {font-size:13px; color:#444444;}
#text a, #sidebar a {color:#D0AF86;}
#text a:hover, #sidebar a:hover {color:#BB8B50;}

#sidebar {width:246px; float:right; margin-left:4px;}
.sidebar_top {background:url(images/sidebar_top.png) no-repeat; height:8px; font-size:1px;}
.sidebar_main {background:url(images/sidebar_bg.png) repeat-y; padding:10px 24px 16px 24px;}
.sidebar_bottom {background:url(images/sidebar_bottom.png) no-repeat; height:8px; font-size:1px; margin-bottom:4px;}
#sidebar h3 {font-size:20px; font-weight:normal; margin:0 0 8px 0; color:#7D9CBB; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;}
#sidebar ul {margin:0px; padding:0px;}
#sidebar li {list-style:none; padding:1px 0 5px 12px; background:url(images/li.png) 0px 8px no-repeat;}

#footer {color:#F5F7FA; clear:both; text-align:center; font-size:11px; line-height:17px; height:30px; padding-top:18px;}
#footer a {color:#F5F7FA;}
#footer a:hover {color:#E4E9F1;}


.cleaner {
  width: 1px;
  height: 1px;
  font-size: 1px;
  line-height: 1px;
  clear: both;
}

.top{
  margin-bottom: 10px;
}

.top .calendar{
  width: 42px;
  height: 47px;
  float: left;
  background: url('images/calendar.png') rgb(150,150,150);
  text-align: center;
  font-size: 9px;
  padding: 2px 2px 0 0;
  margin: 5px 8px 5px 0;
  color: rgb(255,255,255);     
}
.top .calendar span {
  display: block;
  text-align: center;      
  font-size: 18px;
  color: rgb(66,66,66);
  padding-top: 5px;      
}
.top h2 {            
  margin: 0;
  padding: 0;
  font-weight: normal;

  font-size: 23px;    
  background: url('images/border-headline.png') no-repeat bottom left;  
}

#text h2 {font-size:24px; font-weight:normal; margin:24px 0 8px 0; color:#7D9CBB; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;}

#header h2 {font-size:30px; font-weight:normal; margin:24px 0 8px 0; color:#7D9CBB; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;}


.top {      
  margin: 2px 0 40px 0;
  padding: 0;      
}
.top .category {
  float: left;
  padding-left: 25px;      
  margin-left: 5px;
  background: url('images/category.png') no-repeat left;
}
.top .comments {
  float: right;
  padding-left: 25px;
  background: url('images/comment.png') no-repeat left;
}
.top .category a, .info .comments a {
  color: rgb(70,130,180);
  text-decoration: none;
}
.top .category a:hover, .top .comments a:hover {
  text-decoration: underline;
}

.msg {
  font-weight:bold; 
  color:#800000; 
  font-style:italic; 
  margin-top: 40px;
}

.msg input {
  width:400px;
  font-family:Georgia, "Times New Roman", Times, serif; 
  font-style:italic;
}

.msg textarea {
  width:400px;
}

.msglist{
  margin-top:50px;
}

.remark{
  padding:10px 24px 16px 24px;
}



/* Pagination
---------------------------------------- */
  .pagination {
    height: 1%; /* IE tweak (holly hack) */
    width: auto;
    text-align: left;
    margin-top: 40px;
}

.pagination span.page-sep {
  display: none;
}

li.pagination {
  margin-top: 0;
}

.pagination strong, .pagination b {
  font-weight: normal;
}

.pagination span strong {
  padding: 0 2px;
  margin: 0 2px;
  font-weight: normal;
  color: #FFFFFF;
  background-color: #bfbfbf;
  border: 1px solid #bfbfbf;
  font-size: 1.5em;
}

.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
  font-weight: normal;
  text-decoration: none;
  color: #747474;
  margin: 0 2px;
  padding: 0 2px;
  background-color: #eeeeee;
  border: 1px solid #bababa;
  font-size: 1.5em;
  line-height: 1.5em;
}

.pagination span a:hover {
  border-color: #d2d2d2;
  background-color: #d2d2d2;
  color: #FFF;
  text-decoration: none;
}

.pagination img {
  vertical-align: middle;
}

/* Pagination in viewforum for multipage topics */
.row .pagination {
  display: block;
  float: right;
  width: auto;
  margin-top: 0;
  padding: 1px 0 1px 15px;
  font-size: 0.9em;
  background: none 0 50% no-repeat;
}

.row .pagination span a, li.pagination span a {
  background-color: #FFFFFF;
}

.row .pagination span a:hover, li.pagination span a:hover {
  background-color: #d2d2d2;
}
.content {
  color:#333333;
  font-family:"Lucida Grande","Trebuchet MS",Verdana,Helvetica,Arial,sans-serif;
  font-size:1em;
  line-height:1.4em;
  min-height:3em;
}


.comment-list ol {
  -x-system-font:none;
  color:#333333;
  font-family:Arial,Verdana,Arial,sans-serif;
  font-size:1.1em;
  font-size-adjust:none;
  font-stretch:normal;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  line-height:2em;
  list-style-type:none;
  padding:0;
}

.comment-list ol li {
  -moz-border-radius-bottomleft:5px;
  -moz-border-radius-bottomright:5px;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-topright:5px;
  background-color:#F3F7FB;
  border:1px solid #CDDFEF;
  line-height:1.6em;
  margin-top:9px;
  padding:1px 20px 13px;
  position:relative;
}

.comment-list strong.number {
  color:#333333;
  font-family:Georgia,Helvetica,Arial;
  font-size:1em;
  margin-left:-1.5em;
  margin-top:0;
  padding:3px 5px;
  position:absolute;
}


.comment-list ol .top {
  background-color:#E4ECF6;
  border-bottom:2px solid #FFFFFF;
  margin:0 -19px 0 -20px;
  padding:3px 15px 3px 10px;
}
.comment-list .top {style.cs...009-09-30 (第 1 行)
  height:36px;
  line-height:30px;
}

.comment-list ol .top p {
  background:transparent url(/images/user_comment.gif) no-repeat scroll 0 8px;
}
.comment-list ol .top p, .comment-list ol li.admin .top p {
  margin:0;
  padding:3px 15px 3px 22px;
}

.grav {
  position:absolute;
  right:0;
  top:0;
}

img {
  border:medium none;
  display:block;
  text-decoration:none;
}

.comment-list li .body {
  padding-bottom:20px;
}


.comment-list .number {
  -x-system-font:none;
  font-family:Tahoma,Arial,Helvetica,sans-serif;
  font-size:11px;
  font-size-adjust:none;
  font-stretch:normal;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  left:-20px;
  line-height:normal;
  margin:8px 0 0;
  position:absolute;
  text-align:center;
  width:20px;
}
.comment-input {
  background:#FFFFFF none repeat scroll 0 0;
  border-color:#666666 #DEDEDE #DEDEDE #666666;
  border-style:solid;
  border-width:1px;
  color:#666666;
  font-family:Arial,Helvetica;
  font-size:12px;
  padding:3px;
  width:300px;
}
.comment-area {
  background:#FFFFFF none repeat scroll 0 0;
  border-color:#666666 #DEDEDE #DEDEDE #666666;
  border-style:solid;
  border-width:1px;
  color:#666666;
  font-family:Arial,Helvetica;
  font-size:12px;
  height:200px;
  line-height:20px;
  padding:3px;
  width:450px;
}
.attachbox {
  background-color:#FFFFFF;
  border:1px dashed #D8D8D8;
  clear:left;
  margin:20px;
  padding:12px;
  width:70%;
  height:140px;
}
form input, form textarea {
    border-color:#999999 #CCCCCC #CCCCCC #999999;
    border-style:solid;
    border-width:1px;
    color:#666666;
    font-family:Arial,Helvetica,sans-serif;
    font-size:1em;
    padding:5px;
}

